<template>
    <div class="mine">
        <ul class="m-laft">
            <li><router-link to="/mine/info">个人信息</router-link></li>
            <li><router-link to="/mine/order">个人订单</router-link></li>
        </ul>
        <div class="m-right">
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Mine"
    }
</script>

<style scoped>
.mine{
    width: 100%;
    height: 70%;

}
    .m-laft{
        width: 25%;
        float: left;
        height: 100%;
        background-color: #d1dcfd;
    }
    .m-right{
        width: 75%;
        float: left;
        height: 100%;
        background-color: cornflowerblue;
    }
</style>